/*
author:linkchain small / 2012-03-18
----------------------------------------------------------*/
body   
{
	font:75% Arial, Verdana Helvetica, sans-serif;
	background:url('../../images/CN/bg.jpg') repeat-x;
	margin: 0;
	padding: 0;
	color: #000;
}

/* a link
----------------------------------------------------------*/
a:link, a:visited{
    color: #023586;
    text-decoration: none;    
}

a:hover{
    color: #023586;
    text-decoration: underline;
}

a:active{
    color: #023586;
}

/* base default
----------------------------------------------------------*/
p{
    margin:0 10px 0 10px;
    line-height: 1.6em;
}

body.front ul li{
    list-style:none;
    }

/* container
----------------------------------------------------------*/
.container{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
    }
    
/* topNav
----------------------------------------------------------*/
.topNav{
	/*background:url('../../images/CN/topNav-bg.jpg') no-repeat;*/
	width:151px;
	height:44px;
	float:right;
	padding:4px 0 0 8px;
    }

.topNav ul li{
    float:left;
    list-style:none;
    }
    
.topNav ul li a{
    text-indent:-999em;
    float:left;
    width:69px;
	height:22px;
    }

.topNav ul li.zh-hant a{
	background:url('../../images/CN/topNav-item.jpg') no-repeat;
    }
.topNav ul li.zh-hant a:hover{
	background:url('../../images/CN/topNav-item.jpg') no-repeat 0 -22px;
    }

.topNav ul li.cn a{
	background:url('../../images/CN/topNav-item.jpg') no-repeat -69px 0;
    }
.topNav ul li.cn a:hover{
	background:url('../../images/CN/topNav-item.jpg') no-repeat -69px -22px;
    }

/* logo
----------------------------------------------------------*/
.logo{
    margin:35px 0 0 20px;
    _margin:35px 0 0 10px;
    padding:0;
    float:left;
    }

/* mainNav
----------------------------------------------------------*/
.mainNav{
    margin:0 0 0 245px;
    padding: 48px 0 0 0;
    }

.mainNav ul li{
    float:left;
    list-style:none;
    }

.mainNav ul li a{
    display: block;
    text-indent: -999em;
    float:left;
}

.mainNav ul li.about a{
	background:url('../../images/CN/mainNav-about.jpg') no-repeat;
    height:77px;
    width:122px;
}
.mainNav ul li.about a:hover{
	background:url('../../images/CN/mainNav-about-hover.jpg') no-repeat;
    height:77px;
    width:122px;
}
 
.mainNav ul li.product a{
	background:url('../../images/CN/mainNav-product.jpg') no-repeat;
    height:77px;
    width:123px;
}
.mainNav ul li.product a:hover{
	background:url('../../images/CN/mainNav-product-hover.jpg') no-repeat;
    height:77px;
    width:123px;
}

.mainNav ul li.service a{
	background:url('../../images/CN/mainNav-service.jpg') no-repeat;
    height:77px;
    width:116px;
}
.mainNav ul li.service a:hover{
	background:url('../../images/CN/mainNav-service-hover.jpg') no-repeat;
    height:77px;
    width:116px;
}

.mainNav ul li.resources a{
	background:url('../../images/CN/mainNav-resources.jpg') no-repeat;
    height:77px;
    width:126px;
}
.mainNav ul li.resources a:hover{
	background:url('../../images/CN/mainNav-resources-hover.jpg') no-repeat;
    height:77px;
    width:126px;
}

.mainNav ul li.news a{
	background:url('../../images/CN/mainNav-news.jpg') no-repeat;
    height:77px;
    width:130px;
}
.mainNav ul li.news a:hover{
	background:url('../../images/CN/mainNav-news-hover.jpg') no-repeat;
    height:77px;
    width:130px;
}

.mainNav ul li.act a{
	background:url('../../images/CN/mainNav-act.jpg') no-repeat;
    height:77px;
    width:128px;
}
.mainNav ul li.act a:hover{
	background:url('../../images/CN/mainNav-act-hover.jpg') no-repeat;
    height:77px;
    width:128px;
}
                 
/* banner
----------------------------------------------------------*/
body.front .banner{
	background:url('../../images/CN/banner.jpg') no-repeat;
	width:1000px;
	height:219px;
	float:left;
	margin:9px 0 0 0;
    }
    
/* content
----------------------------------------------------------*/
body.front #content{
	background:url('../../images/CN/content-bg.jpg') no-repeat;
	min-height: 387px;
    margin: 0 0 20px 36px;
    width: 906px;
    }
    
/* footer
----------------------------------------------------------*/
#footer{
	background:url('../../images/CN/footer-bg.jpg') repeat-x;
	height:130px;
	color:#666;
    }

#footer a{
    color:#666;
    }

#footer .wrapper{
    width: 906px;
    margin: 0 auto;
    }
   
#footer .top-btn{
    padding: 6px 0 0 0;
    text-align: right;
    }
    
#footer .bottom-link{
    position:absolute;
    margin:-12px 0 0 320px;
    }

#footer .co-info{
    margin:20px 0 0 0;
    }
    
#footer p{
    text-align:center;
    }